@media screen and (max-width: 1400px) {
    .content_gy {
        width: 1200px;
        margin: 0 auto;
    }
   
}
@media screen and (max-width: 1200px) {
    .index_box5 ,
    .index_box6 {
        padding: 30px 0;
    }
    .index_box2 .swiper .swiper-button-next1 ,
    .pro_box4 .swiper .swiper-button-next1 ,
    .index_box3 .swiper .swiper-button-next1 ,
    .index_box6 .swiper .swiper-button-next3 {
        right: 0;
        width: 25px;
        height: 25px;
    }
    .index_box2 .swiper .swiper-button-prev1 ,
    .pro_box4 .swiper .swiper-button-prev1 ,
    .index_box3 .swiper .swiper-button-prev1 ,
    .index_box6 .swiper .swiper-button-prev3 {
        left: 0;
        width: 25px;
        height: 25px;
    }
    .index_box2 .swiper .swiper-button-next1 img,
    .index_box2 .swiper .swiper-button-prev1 img
    .index_box6 .swiper .swiper-button-next3 img,
    .index_box6 .swiper .swiper-button-prev3 img,
    .index_box3 .swiper .swiper-button-next1 img,
    .index_box3 .swiper .swiper-button-prev1 img
    .pro_box4 .swiper .swiper-button-next1 img,
    .pro_box4 .swiper .swiper-button-prev1 img{
        width: 15px;
    }
    .common_nav {
        display: none;
    }
    .web_header .logo a  {
        color: #f4d342;
    }
    .web_header .lang {
        position: absolute;
        top: 50%;
        margin-top: -25px;
        display: flex;
        align-items: center;
        right: 10px;
        z-index: 10;
        width: auto;
        height: 50px;
    }
    .web_header .lang a {
        display: flex;
        color: #fff;
        align-items: center;
    }
    .news_box .item {
        width: 100%;
        margin-bottom: 30px;
    }
    .news_list {
        margin-bottom: 20px;
    }
    .news_box .item:hover .icon .zzt {
        opacity: 0;
    }
    .content_gy {
        width: 92%;
        margin: 0 4%;
    }

    /**
	 * web_web_header
	 */
    .header {
        display: none;
    }
    .web_header{
        display: flex;
    }
    .common_banner {
        height: 190px;
        background-color: #ccc;
    }
    .common_banner img{
        height: 100%;
    }
    .index_banner .swiper-slide img{
        /* height: 190px; */
        width: 100%;
        height: auto;
    }
  
    .index_banner .pagination{
        bottom: 10px;
    }
    .index_banner .list .item  {
        margin: 0 auto;
    }
    .index_banner .list .item  .pic {
        width: 50px;
        margin: 0 auto;
    }
    .index_banner .list .item  .pic img {
        width: 100%;
    }
    .index_banner .list .item .name {
        font-size: 14px;
        line-height: 30px;
    }
    .index_banner {
        height: 300px;
    }
    .common_banner {
        margin-top: 50px;
    }
    .index_banner .head .content_gy {
        height: auto;
        display: none;
    }
    .common_banner .content_gy .p1 {
        font-size: 20px;
        margin-bottom: 0;
    }
    .common_banner .content_gy .p2 {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 10px;
    }
    .common_banner .content_gy .p3 {
        font-size: 14px;
        margin-bottom: 10px;
        line-height: 20px;
        padding-left: 25px;
        background-size: 16px;
    }

    .index_box .info {
        width: 100%;
            
    }
    .index_box .content .bg {
        width: 92%;
        margin: 0 4%;
        margin-bottom: 20px;
    }
    .index_box .content_gy {
        flex-wrap: wrap;
    }
    .index_box .content .box {
        position: unset;
    }
    .index_box5,
    .index_box4,
    .index_box3,
    .index_box,
    .index_box1 {
        padding: 30px 0;
    }
    .common_title {
        font-size: 20px;
        margin-bottom: 10px;
    }
    .common_title>div .c {
        font-size: 24px;
    }
    .common_title>div .e {
        font-size: 16px;
    }
    .index_box .slogan {
        font-size: 16px;
        margin-bottom: 15px;
    }
    .index_box .link_box a {
        width: auto;
        padding: 0 15px;
        font-size: 14px;
        height: 40px;
        line-height: 40px;
    }
    .index_box .list {
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .index_box .list .item {
        margin-right: 0;
        margin-bottom: 20px;
        width: 48%;
        height: auto;
    }
    .index_box1 .form {
        margin-bottom: 20px;
    }
    .index_box1 .form .name1 {
        font-size: 26px;
        margin-bottom: 15px;
    }
    .index_box1 .form .name {
        margin-bottom: 15px;
    }
    .index_box1 .form .search input {
        font-size: 12px;
    }
    .index_box1 .form .tag {
        display: flex;
        flex-wrap: wrap;
        margin: 20px auto;
    }
    .index_box1 .form .tag span, .index_box1 .form .tag a {
        width: 100%;
        line-height: 25px;
    }
    .index_box1 .list {
        margin-top: 20px;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .index_box1 .list .item {
        margin-right: 0;
        margin-bottom: 20px;
        width: 48%;
        height: auto;
        display: block;
    }
    .common_more a {
        width: 140px;
        height: 40px;
        line-height: 38px;
        font-size: 14px;
    }
    .index_box1 .list .item .name {
        padding: 0 10px;
        font-size: 12px;
        line-height: 20px;
    }
    .index_box1 .list .item .pic {
        height: auto;
    }
    .index_box1 .list .item .desc {
        height: auto;
    }
    .index_box2 {
        padding: 30px 0;
    }
    .index_box2 .content_gy {
        flex-wrap: wrap;
    }
    .index_box2 .content_gy .item {
        width: 50%;
        margin-bottom: 20px;
    }
    .index_box2 .content_gy .item:last-child {
        display: none;
    }
    .index_box2 .content_gy .item .txt1 p {
        font-size: 30px;
    }
    .index_box2 .content_gy .item .txt1 {
        margin-bottom: 0px;
    }
    .index_box3 .list .item {
        flex-wrap: wrap;
        margin-bottom: 20px;
    }
    .index_box3 .list .item:nth-child(2n) {
        flex-direction: column;
    
    }
    .index_box3 .list .item .txt .name {
        font-size: 20px;
        margin-bottom: 15px;
    }
    .index_box3 .list .item .txt {
        padding: 20px;
        margin-top: 20px;
    }
    .index_box3 .list .item>div {
        width: 100%;

    }
    .pro_box4 .swiper .swiper-container ,
    .index_box2 .swiper .swiper-container ,
    .index_box3 .swiper .swiper-container ,
    .index_box6 .swiper .swiper-container {
        margin-top: 20px;
        margin-bottom: 20px;
        width: 75%;
        display: flex;
        justify-content: center;
    }

    .index_box4 .common_more{
        margin-top: 0;
    }
    .index_box4 .content_gy .list{
        flex-wrap: wrap;
    
    }
    .index_box4 .content_gy .item {
        width: 100%;
        padding-right: 0;
        margin-bottom: 30px;
        padding-bottom: 30px;
        border-bottom: 1px solid #ddd ;
    }
    .index_box4 .content_gy .item .info {
        margin-bottom: 20px;
    }
    .index_box4 .swiper .operation {
        margin-bottom: 20px;
    }
    .index_box4 .content_gy .swiper{
        width: 100%;
    }
    .index_box4 .swiper .swiper-button-prev2 {
        margin-right: 20px;
    }
    .index_box4 .swiper .pic img{
        width: 100%;
    }
    .index_box4 .swiper .date {
        margin: 15px auto;
    }
    .index_box4 .swiper .name {
        margin-top: 0;
    }
    .index_box4 .swiper .name {
        line-height: 20px;
        height: 60px;
    }
    .index_box4 .swiper .info {
        margin-top: 15px;
    }
    .index_box5 .content_gy {
        flex-wrap: wrap;
    }
    .index_box5 {
        padding: 50px 0;
        background-size: cover;
    }
    .index_box5 .slogan {
        font-size: 16px;
        line-height: 25px;
    }
    .index_box5 .form {
        width: 100%;
    }
    .index_box5 .content_gy .item {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }
    .index_box6 {
        margin-bottom: 0px;
    }
    .index_box6 .swiper {
        margin-top: 30px;
    }
    .common_footer {
        padding-top: 0;
    }
    .common_footer .content_gy {
        display: none;
    }
    .common_footer .rights {
        padding: 10px 0;
        line-height: 25px;
    }


    .about_title {
        font-size: 24px;
    }
    .about_box1 .content {
        margin-top: 20px;
        flex-wrap: wrap;
    }
    .about_box1 .content .pic {
        width: 100%;
    }
    .about_box1 .content .txt {
        width: 100%;
        margin-left: 0;
        margin-top: 20px;
    }
    .about_box1 .content .txt .p1 {
        margin-bottom: 10px;
    }
    .about_box1 .content .txt .p2 {
        margin-bottom: 10px;
    }
    .about_box2 {
        padding: 30px 0;
    }
    .about_box2 .slogan {
        margin: 15px 0 15px;
        font-size: 16px;
    }
    .about_box2 .desc {
        font-size: 14px;
    }
    .about_box3 {
        padding: 30px 0;
    }
    .about_box3 .content {
        margin: 20px auto;
        padding: 30px 0;
    }
    .about_box3 .item {
        align-items: center;
    }
    .about_box3 .item .date {
        font-size: 14px;
    }
    .about_box3 .item .value {
        font-size: 14px;
        line-height: 20px;
    }
    .pro_box1 {
        padding: 30px 0;
    }
    .pro_box1 .content_gy {
        flex-wrap: wrap;
    }
    .pro_box1 .left {
        width: 100%;
    }
    .pro_box1 .list {
        margin-top: 20px;
    }
    .pro_box1 .list .item {
        width: 47%;
        margin-right: 6%;
        height: auto;
        flex-wrap: wrap;
    }
    
    
    .pro_box1 .list .item:nth-child(3n) {
        margin-right: 6%;
    }
    .pro_box1 .list .item:nth-child(2n) {
        margin-right: 0;
    }
    .pro_box1 .list .pic {
        width: 100%;
        margin-bottom: 20px;
    }
    .pro_box1 .list .item .name {
        padding: 0 10px 10px;
        font-size: 12px;
        line-height: 20px;
    }
    .common_page {
        padding: 20px 0;
    }
    .common_page a {
        width: 25px;
        height: 25px;
        line-height: 25px;
    }
    .pro_box1 .right {
        width: 100%;
        padding-left: 0;
    }
    .pro_box2 .content_gy {
        background-color: #18649E;
        padding-left: 30px;
        background-position: 30% bottom;
    }
    .pro_box3 .name {
        margin-bottom: 20px;
    }
    .pro_box3 .form .item {
        margin-right: 0;
        width: 100%;
        height: 45px;
        margin-bottom: 15px;
    }
    .pro_box3 .form .textarea {
        margin-bottom: 15px;
    }

    .pro_details .pro_item1 {
        flex-wrap: wrap;
        margin-bottom: 30px;
    }
    .pro_details .pro_item1 .picture {
        width: 100%;
        margin-right: 0;
    }
    .pro_details .content_gy{}
    .pro_details .pro_item1 .picture .big {
        height: 350px;
    }
    .pro_details .pro_item1 .picture .smallList .item {
        width: 60px;
        height: 60px;
    }
    .pro_details .pro_item1 .info .name {
        margin-top: 20px;
        font-size: 20px;
        line-height: 26px;
    }
    .pro_details .pro_item1 .info .desc {
        line-height: 24px;
    }
    .pro_details .pro_item2 .tabs span {
        font-size: 14px;
        line-height: 50px;
        height: 50px;
        margin: 0 20px;
    }
    .pro_box1 .list {
        width: 100%;
    }
    .news_box1 .left_box {
        width: 100%;
    }
    .news_box1 .left_box .box {
        width: 100%;
        flex-wrap: wrap;
    }
    .news_box1 .left_box .box .date {
        display: none;
    }
    .news_box1 .left_box .box .web_date {
        display: block;
        margin-bottom: 10px;
        font-size: 16px;
        color: #999;
    }
    .news_box1 .left_box .box .txt {
        width: 100%;
        
    }
    .news_box1 .left_box .box .txt .name {
        width: 100%;
        white-space: inherit;
        height: auto;
    }
    .news_details {
        margin-bottom: 20px;
    }
    .news_details .name {
        line-height: 28PX;
        font-size: 20px;
        padding-bottom: 20px;
    }
    .news_details .link {
        flex-wrap: wrap;
    }
    .news_details .link a{
        display: block;
        width: 100%;
        margin-bottom: 10px;
    }
    .contact_box1 {
        padding: 30px 0;
    }
    .contact_box1 .content {
        flex-wrap: wrap;
    }
    .contact_box1 .form .item {
        width: 100%;
        margin-right: 0;
        height: 45px;
        margin-bottom: 15px;
    }
    .contact_box1 .content .info {
        margin-top: 20px;
        width: 100%;
        font-size: 14px;
    }
    .contact_box1 .content .info .name {
        margin-bottom: 20px;
    }
    .contact_box1 .content .info .item {
        display: flex;
        margin-bottom: 20px;
    }
    .contact_box1 .content .info .item1 {
        flex-wrap: wrap;
    }
    .contact_box1 .content .info .item1 .p2 {
        padding-left: 35px;
    }
    .contact_box1 .content .info .item p {
        margin-bottom: 0;
    }
}


@media screen and (max-width: 750px) {
	.pro_box1 .list .pic {
		margin-bottom:0;
	 }

}